//选中车辆，背景变颜色
$(function() {
	$(".over").click(function() {
		$(this).css("background-color", "whitesmoke")
	})

	//姓名验证
	$(".name").blur(function() {
		var sp = $(".sp-name")
		if(/^[\u4e00-\u9fa5]+$/.test($(".name").val()) == false) {
			sp.html("XXX");
			return false;
		} else {
			sp.html("√√√");
			return true;
		}
	})

	//验证手机号
	$(".phones").blur(function() {
		var sp = $(".sp-phone");
		if(/^(13[0-9]|15[0|3|6|7|8|9]|18[8|9])\d{8}$/.test($(".phones").val()) == false) {
			sp.html("XXX");
			return false;
		} else {
			sp.html("√√√");
			return true;
		}
	})

	//验证邮箱

	$(".yx").blur(function() {
		var sp = $(".sp-yx")
		if(/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test($(".yx").val()) == false) {
			sp.html("XXX");
			return false;
		} else {
			sp.html("√√√");
			return true;
		}
	})

	//2级联动

	//var province city dealers
	//声明一个对象数组
	var arrays = [{
		province: '广东',
		city: [{
			name: '广州',
			jxs: [{
				name: '白云店',
				img: 'img/TestDirve/map1.png'
			}, {
				name: '天河店',
				img: 'img/TestDirve/map2.png'
			}]
		}, {
			name: '深圳',
			jxs: [{
				name: '南山店',
				img: 'img/TestDirve/map3.png'
			}, {
				name: '宝安店',
				img: 'img/TestDirve/map4.png'
			}]
		}, {
			name: '惠州',
			jxs: [{
				name: '惠城店',
				img: 'img/TestDirve/map5.png'
			}, {
				name: '惠阳店',
				img: 'img/TestDirve/map6.png'
			}]
		}]
	}, {
		province: '湖南',
		city: [{
			name: '长沙',
			jxs: [{
				name: '雨花店',
				img: 'img/TestDirve/map1.png'
			}, {
				name: '星沙店',
				img: 'img/TestDirve/map2.png'
			}]
		}, {
			name: '邵阳',
			jxs: [{
				name: '宝庆店',
				img: 'img/TestDirve/map3.png'
			}, {
				name: '双河店',
				img: 'img/TestDirve/map4.png'
			}]
		}, {
			name: '湘潭',
			jxs: [{
				name: '雨湖店',
				img: 'img/TestDirve/map5.png'
			}, {
				name: '岳塘店',
				img: 'img/TestDirve/map6.png'
			}]
		}]
	}, {
		province: '湖北',
		city: [{
			name: '武汉',
			jxs: [{
				name: '汉阳店',
				img: 'img/TestDirve/map1.png'
			}, {
				name: '汉口店',
				img: 'img/TestDirve/map2.png'
			}]
		}, {
			name: '荆州',
			jxs: [{
				name: '沙市店',
				img: 'img/TestDirve/map3.png'
			}, {
				name: '荆门店',
				img: 'img/TestDirve/map4.png'
			}]
		}, {
			name: '孝感',
			jxs: [{
				name: '天河店',
				img: 'img/TestDirve/map3.png'
			}, {
				name: '利安店',
				img: 'img/TestDirve/map4.png'
			}]
		}]
	}];

	var pro = document.getElementById("province");
	var city = document.getElementById("city");
	var del = document.getElementById("dealers");
	var p_index = 0;
	var city_index = 0;
	//province.length=1;
	for(var d = 0; d < arrays.length; d++) {
		var tt = new Option();
		tt.text = arrays[d].province;
		pro.add(tt);
	}

	$("#province").change(function() {
		p_index = $(this).children("option:selected").index(); //获取当前option选中的下标
		//document.getElementById("province").selectedIndex;		获取当前option选中的下标	
		for(var c = 0; c < arrays[p_index - 1].city.length; c++) {
			var tt = new Option();
			tt.text = arrays[p_index - 1].city[c].name;
			city.add(tt);
		}
	})

	$("#city").change(function() {
		city_index = document.getElementById("province").selectedIndex;
		//$(this).children("option:selected").index();
		for(var i = 0; i < arrays[p_index - 1].city[city_index - 1].jxs.length; i++) {
			var tt = new Option();
			tt.text = arrays[city_index - 1].city[city_index - 1].jxs[i].name;
			del.add(tt);
		}
	});

	//var list=[];
	//var grade = objS.options[objS.selectedIndex].getAttribute('grade');
	//var typeIndex = document.getElementById("type").selectedIndex;//获得是第几个被选中了
	//var typeText = document.getElementById("type").options[typeIndex].text //获得被选中的项目的文本

});

/**
 * 点击车辆变换背景颜色
 */
$(function() {
	$(".cx").click(function() {
		$(".cx").removeClass("sdsds")
		$(this).addClass("sdsds");
		var index = $(this).index();

		$(".cars:eq(" + index + ")").selected = true;
	});
})

/**
 * 点击选择车辆变换车辆背景颜色
 */

$(".sl").change(function() {
	p_index = $(this).children("option:selected").index(); //获取当前选中的下标
	$(".cx").removeClass("sdsds");
	$(".cx:eq(" + ((p_index - 1)) + ")").addClass("sdsds");
})